<html>
<head>
<script src="../resources/text-based-repaint.js"></script>

<style>
#outer {
    padding-top: 200px;
    /* background-size is implicitly set to initial via the background shorthand. */
    background: linear-gradient(rgba(255,255,0,0), rgba(0,0,0,1));
	);
}

#inner {
    height: 100px;
}
</style>

<script>
//This test verifies that gradient background gets repainted properly after child box height change.

function repaintTest() {
    document.getElementById('inner').style.height = 300 + 'px';
}
</script>
</head>
<body onload='runRepaintAndPixelTest();'>
<div id='outer'>
    <div id='inner'>
    </div>
</div>
</body>
</html>
